Ext.require([
    'Ext.window.Window',
    'Ext.panel.Panel',
    'Ext.toolbar.*',
    'Ext.tree.Panel',
    'Ext.container.Viewport',
    'Ext.container.ButtonGroup',
    'Ext.form.*',
    'Ext.tab.*',
    'Ext.slider.*',
    'Ext.layout.*',
    'Ext.button.*',
    'Ext.grid.*',
    'Ext.data.*',
    'Ext.util.*',

    'Ext.perf.Monitor'
]);

/*
 * Uncaught TypeError: Ext.Viewport.add is not a function
 * 
 */

/*
Ext.onReady(function() {
	Ext.themeName = 'triton';
	Ext.Viewport.add({
		xtype: 'panel',
		html: 'Hello World!'
	});
});*/

/*
 * Uncaught TypeError: Ext.setup is not a function
 * 
 */

/*
Ext.require([Ext.setup]);
Ext.themeName = 'triton';
 
Ext.setup({
    onReady: function() {
        Ext.Viewport.add({
            xtype: 'container',
            html: 'My new container!'
        });
    }
});
*/


/*
 * 下面这种方式是可以运行的!
 * 参考 : <http://qingbyqing.iteye.com/blog/1109909>
	+ 此博文创建于 2011 年, 显然不是使用最新的 Ext6 来编写的。
 * 
 */
Ext.onReady(function() {
	Ext.themeName = 'triton';
	new Ext.Viewport({
		layout: 'fit',
		items: [
			{
				xtype: 'panel',
				title: 'panel',
				html: 'Hello World!'
			}
		]
	});
});
